<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="shortcut icon" href="images/blog.ico">
    <link rel="stylesheet" href="css/s-init.css">
    <link rel="stylesheet" href="css/left-com.css">
    <link rel="stylesheet" href="css/about.css">
    <link rel="stylesheet" type="text/css" href="font/iconfont.css">
    <title>Mrs-xiao</title>
</head>
<body>
    <div id="wrap" class="width100 clearfix">
        <!-- 左边导航栏区域 -->
        <div class="left-nav fl-left">
            <!-- 左边导航栏内容区域 -->
            <div class="left-nav-content">
                <h1 class="mar-bottom55 ">
                    <a href="index1.html">MARBLE</a>
                </h1>
                <ul>
                    <li class="pad-top10">
                        <a  href="index1.html">HOME</a>
                    </li>
                    <li>
                        <a href="blog.html">BLOG</a>
                    </li>
                    <li>
                        <a href="portfolio.html">PORTFOLIO</a>
                    </li>
                    <li>
                        <a href="about.html">ABOUT</a>
                    </li>
                    <li>
                        <a href="contact.html">CONTACT</a>
                    </li>
                </ul>
            </div>
            <!-- 左边导航脚步区域 -->
            <div class="left-nav-footer ">
                <p class="ft-size12 pad-bottom8">Copyright © 2017.Company name All rights reserved.</p>
                <ul>
                    <li>
                        <a href="">
                            <i class="iconfont icon-Facebook"></i>
                        </a>
                    </li>
                    <li>
                        <a href="">
                            <i class="iconfont icon-gezi"></i>
                        </a>
                    </li>
                    <li>
                        <a href="">
                             <i class=" iconfont icon-xiangji-copy"></i>    <i></i>
                        </a>
                    </li>
                    <li>
                        <a href="">
                            <i class="iconfont icon-in"></i>
                        </a>
                    </li>
                </ul>
            </div>
        </div>
        <!-- 右边主要内容区 -->
        <div class="main-content fl-right">
                <!-- ABOUT COMPANY 部分 -->
            <div class="about clearfix mar-top55 mar-bottom35">
                <div class="pic fl-left">
                    <img src="images/img_bg_1.jpg" alt="">
                </div>
                <div class="text fl-right">
                    <h3 class="ft-size16 mar-bottom35">ABOUT COMPANY</h3>
                    <p class="mar-bottom20 ft-size14 li-heihgt25">Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Quisque sit amet efficitur nih. Interdum et malesuada fames ac ante ipsum primis in faucibus interda et malesuada parturient.</p>
                    <p class="ft-size14 li-heihgt25">Quisque sit amet efficitur nih. Interdum et malesuada fames ac ante ipsum primis in faucibus interda et malesuada parturient.</p>
                </div>
             </div>
             <!-- 服务部分 -->
            <div class="search ">
                <h3 class="ft-size16 mar-bottom35">OUR SERVICES</h3>
                <div class="search-content">
                    <ul  class="ft-size0">
                        <li class="ft-size0 mar-bottom55">
                            <i class="iconfont icon-shezhiiconfontfangwen01 ver-middle"></i>
                            <div class="ver-middle mar-left15">
                                <h4 class="ft-size14">STRATEGY</h4>
                                <p class="ft-size12 mar-top15">Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts.</p>
                            </div>
                        </li>
                        <li class="ft-size0 mar-bottom55">
                            <i class="iconfont icon-sousuo ver-middle"></i>
                            <div class="ver-middle mar-left15">
                                <h4 class="ft-size14">EXPLORE</h4>
                                <p class="ft-size12 mar-top15">Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts.</p>
                            </div>
                        </li>
                        <li class="ft-size0 mar-bottom55">
                            <i class="iconfont icon-paper-airplane ver-middle"></i>
                            <div class="ver-middle mar-left15">
                                <h4 class="ft-size14">DIRECTION</h4>
                                <p class="ft-size12 mar-top15">Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts.</p>
                            </div>
                        </li>
                        <li class="ft-size0 mar-bottom55">
                            <i class="iconfont icon-light ver-middle "></i>
                            <div class="ver-middle mar-left15">
                                <h4 class="ft-size14">EXPERTISE</h4>
                                <p class="ft-size12 mar-top15"p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts.</p>
                             </div>
                        </li>
                    </ul>
                </div>
            </div>
            <!-- touch部分 -->
            <div class="touch">
                <h3 class="mar-bottom35">Get in touch</h3>
                <p class="ft-size18 mar-bottom35">Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean.</p>
                <a class="ft-size18" href="">learn more</a>
            </div>
        </div>
    </div>
   
</body>
</html>